<template>
  <div class="introduce">
    <div class="title">
      <p>产品介绍</p>
      <Breadcrumb>
        <BreadcrumbItem to="/">首页</BreadcrumbItem>
        <BreadcrumbItem to="pro-introduce">产品介绍</BreadcrumbItem>
      </Breadcrumb>
      <div class="divider"></div>
    </div>
    <div class="content">
      <p>
        公司自成立以来一直把自主研发作为企业发展的源动力，专注于新型高性能OLED材料的研发及生产。品种包括电子功能材料，空穴功能材料，发光功能材料（荧光材料，磷光材料），其它功能材料四大类上百个品种，另有OLED中间体几十种。产品工艺成熟，品质优异，多种产品已通过国内外多家公司的测试并已批量生产。为满足市场多元化要求，公司还可根据客户要求，定制开发研制生产相关领域的有机发光材料。
      </p>
      <img src="../img/catalogue.jpg" alt="" />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.title {
  position: relative;
  padding-left: 20px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #bebdbd;
  display: flex;
  justify-content: space-between;

  p {
    color: #333;
    font-size: 16px;
  }

  .divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: var(--color-zdyblue);
  }
}
.content {
  padding: 30px 20px;
  p{
    text-indent: 2em;
    font-family: '宋体';
    font-size: 18px;
    color: #333;
    line-height: 2rem;
  }
}
</style>